﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Localfile.aspx.cs" Inherits="ATW.Web.Details.Localfile" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>本机文件</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
    <link type="text/css" rel="Stylesheet" href="../Styles/Main.css" />
    <link type="text/css" rel="Stylesheet" href="../Styles/Localfile.css" />
    <script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
    <div class="container">
        <ul class="font-16 ui-flex ui-box localNav">
            <li class="col20 ui-left ui-box"><span>影音</span></li>
            <li class="col20 ui-left ui-box"><span>图片</span></li>
            <li class="col20 ui-left ui-box"><span>文档</span></li>
            <li class="col20 ui-left ui-box"><span>应用</span></li>
            <li class="col20 ui-left ui-box"><span>其他</span></li>
        </ul>
        <div class="ui-flex ui-box" style="border-bottom: 1px solid #D2D2D2; padding-bottom: 10px;">
            <div class="col90 font-18 ui-right">
                <span style="line-height: 18px;" class="ui-left">
                    WORD</span>
            </div>
        </div>
        <ul class="font-16 ui-flex ui-box bg-white loncalContent" style="border-bottom: 1px solid #D2D2D2; padding: 0px;">
            <li class="ui-flex ui-box" style="padding: 10px 0px;">
                <div class="col20">
                    <span style="margin-top: 5px;" class="ui-right icon-dot"></span>
                </div>
                <div class="col20">
                    <span style="margin-top: 5px; margin-right: 20px;" class="icon-file ui-right"></span>
                </div>
                <div class="col60">
                    <span class="font-16">WeeklyS...vice.docx</span><br />
                    <span class="font-12 font-gray">30.88KB</span><br />
                    <span class="font-12 font-gray">02-29&nbsp;15:43</span>
                </div>
            </li>
        </ul>
    </div>
    <script type="text/javascript">
        //页面初始化
        $(function () {
            var containerHeight = $(".container").height();
            var windowHeight = $(window).innerHeight();
            if (windowHeight > containerHeight) {
                $(".container").height(windowHeight + "px");
            }
        })
        $(".localNav li").on("click", function () {
            $(this).css("color", "#26ACE6");
            $(this).css("border-bottom", "2px solid #26ACE6");
            $(this).siblings().css("color", "Gray");
            $(this).siblings().css("border-bottom", "2px solid white");
        })
        $(".loncalContent li").on("click", function () {
            $(this).children().children(".icon-dot").toggleClass("icon-dot1")
        })
    </script>
</body>
</html>
